<template>
    <div id="MyMember-Bottom-Ul">
        <div id="MyMember-BottomUl-Content">
            <h2>
                常见问题与帮助
                <span>
                    查看更多
                    <i class="iconfont icon-yousanjiao"></i>
                </span>
            </h2>

            <ul>
                <li>
                    对会员扣款有异议？
                    <span class="iconfont icon-yousanjiao"></span>
                </li>
                <li>
                    Android & Web 用户如何取消连续订阅会员？
                    <span class="iconfont icon-yousanjiao"></span>
                </li>
                <li>
                    iOS 用户如何取消连续订阅会员？
                    <span class="iconfont icon-yousanjiao"></span>
                </li>
            </ul>

            <p>
                <span>《连续订阅服务协议》</span>
                <span>《严选会员服务协议》</span>
            </p>
        </div>
    </div>
</template>

<script>
    export default {
        name: "MyMember-Bottom-ulQuest"
    }
</script>

<style lang="scss" scoped>
    #MyMember-Bottom-Ul{
        width: 100%;
    }
    #MyMember-BottomUl-Content {
        width: 100%;

        h2 {
            height: 0.55rem;
            line-height: 0.55rem;
            font-size: 0.15rem;
            color: #010101;
            padding: 0 0.2rem;

            span {
                font-size: 0.12rem;
                color: #7c7c7c;
                display: block;
                float: right;

                i {
                    font-size: 0.06rem;
                    color: #737373;
                }
            }
        }

        ul {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;

            li {
                flex-grow: 1;
                margin: 0 0.2rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: 0.5rem;
                line-height: 0.5rem;
                border-bottom: 0.02rem solid #f3f3f3;

                font-size: 0.14rem;
                color: #3c3c3c;
            }

        }

        p{
            width: 100%;
            height: 0.82rem;
            display: flex;
            justify-content: center;
            align-items: center;

            span{
                font-size: 0.13rem;
                color: #011574;
            }
            span:nth-of-type(1){
                margin-right: 0.22rem;
            }
        }
    }

</style>